/** @format */

import SvgIcon from '@/components/SvgIcon/SvgIcon'
import styles from './index.module.scss'

type Props = {
  // normal 普通评论
  // reply 回复评论
  type?: 'normal' | 'reply'
}

const CommentFooter = ({ type = 'normal' }: Props) => {
  return (
    <div className={styles.root}>
      <div className='input-btn'>
        <SvgIcon name='bianji' />
        <span>抢沙发</span>
      </div>

      {type === 'normal' && (
        <>
          <div className='action-item'>
            <SvgIcon name='btn_comment' />
            <p>评论</p>
            {!!1 && <span className='bage'>{1}</span>}
          </div>
          <div className='action-item'>
            <SvgIcon name={true ? 'btn_like_sel' : 'btn_like2'} />
            <p>点赞</p>
          </div>
          <div className='action-item'>
            <SvgIcon name={true ? 'btn_collect_sel' : 'btn_collect'} />
            <p>收藏</p>
          </div>
        </>
      )}

      {type === 'reply' && (
        <div className='action-item'>
          <SvgIcon name={true ? 'btn_like_sel' : 'btn_like2'} />
          <p>点赞</p>
        </div>
      )}

      <div className='action-item'>
        <SvgIcon name='iconbtn_share' />
        <p>分享</p>
      </div>
    </div>
  )
}

export default CommentFooter
